html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{z-index:-2; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2; }
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
.center{ margin:0px auto;}
.midd{ width:1100px; height:auto; overflow:hidden; margin:0px auto;}
/*====================导航*********/
.header{
	width:100%;
	z-index:999;
	height:79px;
	
	
}
/*左侧logo*/
.header .left{
	width: 12%;
}
.header .left a img{
	height: 40px;
	
}
.header .left .img2{
	display: none;
}
.head_tit{ width:100%; height:35px;    }
.head_tit1{ width:1100px; height:auto; overflow:hidden; line-height:35px;color:#8a8a8a; font-size:12px;}
.head_tit_l{ color:#636363;  }
.head_tit_tel{ margin-left:65px; margin-top:10px;}
.head_tit_m { margin-left:35px; }
.phone_num{ color:#ab0b0b; font-size:17px; font-weight:bold; margin-left:18px;}
#share a{ width:22px; height:22px; display:block;}
#share .bds_tqq{ background:url(../Image/weibo.png) no-repeat center;}
#share .bds_weixin{ background:url(../Image/weixin.png) no-repeat center;}
#share .bds_tsina{ background:url(../Image/sina.png) no-repeat center;}
#share .bds_qzone{ background:url(../Image/kongjian.png) no-repeat center;}
/*右侧*/
.header .nav{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	height: 100%;
	line-height: 50px;
	display: block;
}
.header .navbar_nav li{
	float:left;
	position: relative;
	display: block;
}
.header .navbar_nav li:after{
    content: "";
    width: 0;
    height: 2px;
    background: orangered;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}
.header .navbar_nav li:hover:after{
    width: 100%;
}
.header .navbar_nav li a{
	text-decoration: none;
	height: 100%;
	padding: 0 25px;
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: #2e2e2e;
	font-size: 16px;
}
.header .navbar_nav li:hover a{
	color: orangered;
}
.header .navbar_nav li.dropdown{
	display: inherit;
	position: relative;
}
.header .navbar_nav li.dropdown .jt{
	width: 20px;
	height: 20px;
	background: url(i/top.png) no-repeat;
	background-size: 100% 100%;
	display: block;
}
.header .navbar_nav li.dropdown .dropdown_menu{
	display: none;
	position: absolute;
	top:50px;
	width: 100%;
	background: #fff;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 120%;
    left: -10%;
	z-index:999;
}
.header .navbar_nav li.dropdown .dropdown_menu a{
	font-size: 14px;
	color: #666;
	padding: 0 10px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	margin-bottom: 2px;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu{
	display: block;
	background: #f3f3f3;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{
	color: #666;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{
	color: #fff;
	background: orange;
}
/*白色背景的头部*/
.header.on{
	background: #fff;
	border-bottom: 1px solid #ccc;
}
.header.on .left .img1{
	display: none;
}
.header.on .left .img2{
	display: block;
}
.header.on .navbar_nav li a{
	color: #333;
}
.header.on .navbar_nav li:hover a{
	color: orangered;
}
#navToggle{
	display: none;
}

.m_nav{
	position: fixed;
	top: 0px;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 100%;
    height: 100%;
    background: #fff;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
	z-index: 1000;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    top: 0;
    transform: translateX(100%);
}
.m_nav.open{
    transform: translateX(0);
}
.m_nav .top{
	height: 60px;
	padding: 20px;
	box-sizing: border-box;
}
.m_nav .top .closed{
	width: 30px;
	height: 30px;
	vertical-align: middle;
	float:right;
	cursor: pointer;
}
.m_nav .logo{
	width: 100%;
	margin:0 auto;
}
.m_nav .logo img{
	height: 50px;
	display: block;
	margin:30px auto;
}
.m_nav .ul{
	margin-top: 30px;
}
.m_nav .ul li{
	padding: 0 20px;
	border-bottom: 1px solid #f5f5f5;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    opacity: 0;
}
.m_nav.open .ul li{
	opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.m_nav .ul li:nth-child(1) {
    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(2) {
    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(3) {
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(4) {
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(5) {
    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(6) {
    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li a{
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	width: 100%;
}
.m_nav .ul li .dropdown_menu{
	display: none;
}
.m_nav .ul li.dropdown.active .dropdown_menu{
	display: block;
}
.m_nav .ul li .dropdown_menu a{
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #f5f5f5;
}
.m_nav .ul li .dropdown_menu a:last-child{
	border: none;
}
.banner{
	width: 100%;
}
.banner img{
	width: 100%;
}

@media screen and (max-width: 992px){
	.header{
		padding: 0 10px;
	}
	.header #navToggle {
		height: 100%;
		padding: 9px 15px;
		margin-right: -15px;
		display: inline-block;
		float: right;
	}
	.header #navToggle span {
		position: relative;
		width: 25px;
		height: 1px;
		margin-top: 19px;
	}
	.header #navToggle span:before,
	.header #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 1px;
		left: 0;
	}
	.header #navToggle span,
	.header #navToggle span:before,
	.header #navToggle span:after {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		background: #4f4f4f;
	}
	.header #navToggle span:before {
		top: 8px;
	}
	.header #navToggle span:after {
		bottom: 10px;
	}
	.header #navToggle.open span:before {
		top: 10px;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg);
	}
	.header #navToggle.open span:after {
		bottom: 12px;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	.header #navToggle.open span {
		background: none;
	}
	.header #navToggle.open span:before,
	.header #navToggle.open span:after {
		background: #4f4f4f;
	}
	
	.header .nav{
		display: none;
	}
	
	.banner img{
		height: 600px;
		object-fit: cover;
	}
}
.banner_top{width:100%;position:relative; height:75px; background:#ab0b0b;}
.zxbj{ width:299px; background:rgba(171,11,11,0.9); height:366px; margin-top:-291px;}
.zxbj_tit{ text-align:center; color:#fff; font-size:24px; font-weight:bold; margin-top:33px;}
.zxbj_tex{text-align:center; color:#e9acae; font-size:14px; margin-top:18px;}
.ggys{ width:80%; height:auto; overflow:hidden; margin:0px auto; margin-top:14px;}
.mess{ width:100%; background:#fff; height:43px; border-radius:10px;}
.submit1{width:100%; background:#ffd401; height:43px; border-radius:10px; color:#1f1f1f; font-size:16px;}
.zxbj_bot{ color:#1f1f1f; font-size:12px; text-align:center; margin-top:10px;}
.zxbj_m ul li{ float:left; color:#fff; line-height:75px; font-size:15px; margin-left:40px;}
.search-text {
    background: #ffffff;
    border: none;
    height: 32px;
    width: 288px;
    padding-left: 20px;
    padding-right: 2px;
    font-size: 12px;
	border:1px solid #bfbfbf;
	position:relative;
	float:left;	
}
.zxbj_r{ position:relative; margin-top:21px;}
.search-btn {
	float:left;	
    width: 33px;
    height: 32px;
    line-height: 24px;
	
    border: none;
    font-size: 12px;
    background: url(../Image/search_btn.png) no-repeat top;
}

.pic {
    position: relative;
    overflow: hidden;
}
.vcenter {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto;
}
.pic:after {
    content: "";
    display: block;
}
.gxdz{ position:relative; margin-top:77px;}
.gxdz ul li{ float:left; width:20%;}
.gxdz ul li .pic:after {
    padding-bottom: 60.818181818181817%;
}
.about{ background:url(../Image/about.jpg) no-repeat right top; width:100%; height:422px; margin-top:80px;}
.about_bt .pic:after {
    padding-bottom: 4.818181818181817%;
}
.sdys{ width:66%;}
.sdys ul li{ width:50%; float:left; margin-top:5%;}
.sdys ul li .sdys_l{ width:22%;}
.sdys ul li .sds_r{ width:70%;}
.sdys ul li .sds_r .sys1{ font-size:18px; color:#343434; font-weight:bold;}
.zxlc_pic .pic:after{ padding-bottom: 24.818181818181817%;}
.zxlc_mid ul li{ float:left; width:20%;}
.zxlc_mid ul li .pic:after{ padding-bottom: 77.818181818181817%;}
.ad{ width:100%; margin-top:89px;}
 .ad .pic:after{ padding-bottom:11.66%;}  
 .foot_l{ padding-bottom:52px;}
  .foot{ width:100%; background:#1a1a1a; height:auto; overflow:hidden;}
  .foot_l_tit{ color:#fff; font-size:23px; font-weight:bold; margin-top:51px;} 
.foot_l_mid{ color:#fff; font-size:16px; margin-top:24px; line-height:30px;}
.ewm{ width:26%; margin-top:48px;}
.ewm .pic:after{ padding-bottom:68.66%;}  
.sjal .pic:after{ padding-bottom:12%;}
.sjal1{ padding-top:1%;}
.sjal1 .pic:after{ padding-bottom:12%;}
.sjal2{ margin-top:73px;}
.sjal2 .pic:after{ padding-bottom:12%;}
.rzlp_mid ul li{ float:left; width:30%;}
.rzlp_mid .pic:after{ padding-bottom:75.33%;}
.rzlp_mid ul li{ position:relative; margin-top:23px; margin-right:57px;}
.rzlp_mid ul li .rzlp_bot{ width:100%; position:absolute; bottom:0px; background:rgba(0,0,0,0.59);}
.rzlp_mid ul li .rzlp_bot .tit1{ color:#fff; text-align:center; line-height:44px;}

.rzlp_mid ul li:nth-of-type(3n+3){ margin-right:0px;}

@media screen and (max-width: 768px){
	.banner_top{ height:auto; background:none;}
	.zxbj{ margin-top:30px; width:100%;}
	.zxbj_m ul li{ display:none;}
	.zxbj_r{ width:100%;}
	.search-text{ width:93%;}
	.search-btn{ width:7%;}
	.gxdz{ margin-top:35px;}
	.about{ background:none;}
	.sdys{ width:100%;}
	.sdys ul li{ width:100%;}
	.sjal{ padding-top:20px;}
	.sjal2 .pic:after{padding-bottom: 20%;}
	.rzlp_mid ul li{ width:100%; margin-right:0px;}
	.news_l{ width:100%;}
	.news_r{ width:100%;}
	.zxlc_pic .pic:after{padding-bottom: 19.818182%;}
	.zxlc_mid ul li{ width:50%; margin-top:20px;}
	.ad{ margin-top:40px;}
	.ewm{ width:100%; margin-top:0px;}
	.ewm .pic:after {
    padding-bottom: 39.66%;
}
.gxdz ul li{ width:50%; margin-top:10px;}
.news_l_pic img{ width:100%;}
	}
.inner_banner .inner1{ width:100%;}
.nav_top{ width:100%; background:#f5f5f5; margin-top:23px;}
.nav_top_tit{ line-height:41px; padding-left:2em;}
.nav_top_tex{ text-align:center; margin-top:48px; line-height:30px;}
.qyjs ul li{ float:left; width:23%; border:1px dashed #ccc; border-radius:8px; height:auto; overflow:hidden; margin-top:79px; margin-right:30px;}
.qyjs ul li .qyjs_tit{ text-align:center; color:#383838; font-size:18px; padding-top:10%;}
.qyjs ul li .qyjs_tit:after{ content: '';
    display: block; background:#122952; margin:0px auto; width:24px; height:2px; margin-top:5%;}
.qyjs ul li .qyjs_tex{ text-align:center; padding-top:20%; padding-bottom:20%;}
.qyjs ul li:nth-of-type(4){ margin-right:0px;}
.ny{ width:100%;}
.ny .pic:after{ padding-bottom: 27.66%;}
.qcym{ width:50%; height:auto; overflow:hidden;}
.qcym_tex{ margin-top:22px; margin-left:18px;}
.qcym_bot ul li{ width:30%; float:left; margin-top:24px;}
.qcym_bot ul li .pic:after{ padding-bottom: 123.66%;}
.lx{ width:48%;}
.lx .pic:after{ padding-bottom: 118.66%;}
.company{ margin-top:67px; line-height:30px;}
.mzzs{ width:100%; margin-top:40px;}
.mzzs .pic:after{ padding-bottom: 40.33%;}
@media screen and (max-width: 768px){
	.qyjs ul li{ width:100%; margin-right:0px; margin-top:30px;}
	.qyjs ul li{}
	.qcym{ width:100%; margin-top:20px;}
	.qcym_tit img{ width:100%;}
	.qcym_tex{ margin-left:0px;}
	.qcym_bot ul li{ width:50%;}
	.lx{ margin-top:20px; width:100%;}
	
	}
	.xw ul{ padding-bottom:30px;}
.xw ul li{ height:auto; overflow:hidden; margin-top:42px;}
.xw ul li .xw_pic{ width:30%;}
.xw ul li .xw_pic .pic:after{ padding-bottom:67%;}
.xw ul li .xw_date{ width:13%;color:#565656; text-align:center;}
.xw ul li .xw_date .date1{ font-size:30px; font-weight:bold; }
.xw ul li .xw_date .date2{font-size:16px;}
.xw ul li .xw_tex{ width:50%;}
.xw ul li .xw_tex .tex1{ font-size:18px; color:#2f2f2f; font-weight:bold;}
.xw ul li .xw_tex .tex2{ color:#565656; margin-top:23px;}
.page{ padding-bottom:30px;padding-top:30px; margin:0px auto; text-align:center;}
@media screen and (max-width: 768px){
	.xw ul li .xw_pic{ width:100%;}
	.xw ul li .xw_date{ width:100%;}
	.xw ul li .xw_tex{ width:100%; margin-top:10px;}
	}
.xw_insider{ margin-top:50px;}	
.sggy_pic ul li{ margin-top:43px; height:auto; overflow:hidden;}
.sggy_pic ul li .sggy_pic_l{ width:60%;}
.sggy_pic ul li .sggy_pic_l .pic:after{ padding-bottom:52%;}
.sggy_pic ul li .sggy_tex{ background:#f5f5f5; height:auto; overflow:hidden; width:39.55%;}
.sggy_pic ul li .sggy_tex .sggy_bg{ width:90%; margin:0px auto;}
.sggy_pic ul li .sggy_tex .tex1{ color:#151515; font-size:24px; font-weight:bold; margin-top:40px;}
.sggy_pic ul li .sggy_tex .tex2{ margin-top:25px; color:#151515; font-size:16px;}
.sggy_pic ul li .sggy_tex .tex3{ margin-top:40px;color:#151515;}
.sggy_pic ul li .sggy_tex .tex5{ height:36px; width:20%; background:#ab0b0b; border-radius:8px; line-height:36px; text-align:center; color:#fff; margin-top:68px; margin-bottom:51px;}
.ny{ margin-top:40px;}
@media screen and (max-width: 768px){
	.sggy_pic ul li .sggy_pic_l{ width:100%;}
	.sggy_pic ul li .sggy_pic_l img{ width:100%;}
	.sggy_pic ul li .sggy_tex{ background:#f5f5f5; height:auto; overflow:hidden; width:100%;}
	
	}
.allmap{ width:60%; margin:0px; padding:0px; height:460px; margin-top:75px; margin-bottom:30px;}
.conta{margin-top:75px;width:35%;}	
.conta ol li{ line-height:35px;}

#prev_next{ margin-bottom:40px;margin-top:40px;}
/*产品中心*/
.pro ul {
  margin-top: 5px;
}
.pro ul li {
  width: 23.739%;
  border-radius: 0 0 60px 0;
  overflow: hidden;
  margin: 45px 1.68% 0 0;
  float: left;
}
.pro ul li .pic {
  width: 100%;
}
.pro ul li .pic img {
  transition: 0.3s;
}
.pro ul li .pic:after {
  padding-bottom: 133.4%;
}
.pro ul li .pic .probg {
  width: 89.371%;
  height: 88.03%;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  position: absolute;
  top: 12px;
  left: 8px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.pro ul li .protxt {
  width: 100%;
  background: #a7a7a7;
  padding: 18px 0 10px 18px;
  transition: 0.3s;
}
.pro ul li .protxt a {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}
.pro ul li .protxt p {
  font-size: 12px;
  color: #d6d6d6;
  line-height: 25px;
}
.pro ul li:hover img {
  transform: scale(1.3);
}
.pro ul li:hover .protxt {
  background: #333333;
}
.pro ul li:nth-child(4n) {
  margin-right: 0;
}

.yxal ul li{ width:32.11111111%; float:left; margin-right:1.8%; margin-top:3%; overflow: hidden;}
.yxal ul li .pic {
  width: 100%;
}
.yxal ul li .pic img {
  transition: 0.3s;
}
.yxal ul li .pic:after {
  padding-bottom:75.4%;
}
.yxal ul li .case_tex{ background:#e7e7e7; height:auto; overflow:hidden; width:100%;}
.yxal ul li .case_tex .case_tex_bg{ width:90%; margin:0px auto;}
.yxal ul li .case_tex .case_tex_bg .case_tex1{ margin-top:18px; color:#363636; font-size:18px; font-weight:bold; border-bottom:1px solid #b6b6b6;}
.yxal ul li .case_tex .case_tex_bg .mj{ margin-top:14px; margin-bottom:15px;}
.yxal ul li .case_tex .case_tex_bg .hx{ margin-top:14px; margin-bottom:15px;}
.yxal ul li:nth-of-type(3n+3){ margin-right:0px;}
.yxal ul li:hover .case_tex { background:#ab0b0b;
}
.yxal ul li:hover .case_tex .case_tex_bg .case_tex1 { color:#fff;}
.yxal ul li:hover .pic img {
  transform: scale(1.3);
}
.yxal ul li:hover .case_tex .case_tex_bg .mj { color:#fff;}
.yxal ul li:hover .case_tex .case_tex_bg .hx { color:#fff;}

.cpfl ul li a{ margin-top:30px; margin-right:0.8%; width:16%; float:left; border:1px solid #bfbfbf; color:#454545; font-size:18px; height:35px; line-height:35px; text-align:center;}
.cpfl li a:hover,.cpfl li a.current { background:#ab0b0b; color:#FFF; }

.cpfl ul li:nth-of-type(6n+6) a{ margin-right:0px;}

@media screen and (max-width: 768px){
.allmap{ width:100%;}	
.conta{ width:100%;}
.cpfl ul li a{ width:50%; margin-right:0%;}	
}
.sjs_l{ width:30%; margin-top:40px;}	
.sjs_l .pic:after{ padding-bottom:133%;}
.sjs_r{ width:65%; border:1px solid #CCC; background:#f7f7f7;margin-top:40px;}
.sjs_bt{ width:90%; height:auto; overflow:hidden; margin:0px auto;}
.sjs_r_tit{ font-size:18px; line-height:2.5em;}
.sjs_zw{ font-size:18px; font-weight:bold; margin-right:2em;}
.line1{ width:100%; height:1px; background:#ccc; margin-top:15px; margin-bottom:15px;}
.sjs_t_fg{  margin-top:15px; margin-bottom:15px;}
.sjs_r_jj{margin-bottom:15px;}
.case_insider{ text-align:center; margin-top:40px; font-size:18px;}

.cp_insider_tit{ margin-top:30px; width:100%; text-align:center;}
.cp_tex_pic{text-align:center; width:100%;margin-top:30px;}
@media screen and (max-width: 768px){
.cp_tex_pic img{ width:100%;}
}
.case_inside_pic{ margin:0px auto; text-align:center;}
.case_inside_pic ul li{text-align:center; margin-top:10px;}
@media screen and (max-width: 768px){
.case_inside_pic ul li img{ width:100%;}
}